body{
	width: 100%;
	background-color: #333;
	/*background-image: url("https://ununsplash.imgix.net/reserve/m6rT4MYFQ7CT8j9m2AEC_JakeGivens%20-%20Sunset%20in%20the%20Park.JPG?q=75&fm=jpg&s=0be046e174fb7a1c83e882cef651959a");*/
	background-size: 100%;
	background-position: top;
}

a{text-decoration: none;}


.maxTitle{
	width: 100%;
	height: 100%;
	padding:10px;
	text-align: center;
	background-color:#000;
}
	.maxTitle img{
		width:100%;
	}
	.maxTitle p{
		
	}
.banner {
	text-align: center;
	background-color:#fff;
}
.banner img{
	max-width: 100%; 
}

.rslidesWrap {
position: relative;
width: 100%;
max-height: 370px;
}
.rslides {
position: relative;
list-style: none;
max-width: 100%;
padding: 0;
margin: 0;
}
.rslides img{width: 100%;height: 100%;}
.rslidesWord {
position: absolute;
list-style: none;
overflow: hidden;
max-height: 370px;
padding: 0;
z-index: 3;
text-align: center;
width: 100%;
top: 20%;
}



/************
* =inspireList.html
*************/
.inspireList.xmas .courseBox,.courseList .courseBox{position: relative;}
.inspireList.xmas .courseBox:hover .inspireHover,.courseList .courseBox:hover .inspireHover{display: inline-block;}
.inspireList.xmas .inspireHover{position: absolute;top: 0;left: 0%; right: 0%;z-index: 1;display: none;width: 100%;height: 100%;
        -webkit-transition: background 0.3s ease, border 0.2s;
    	-moz-transition: background 0.3s ease, border 0.2s;
    	transition: background 0.3s ease, border 0.2s;}
.inspireList.xmas .inspireHover:hover{background: rgba(0,0,0,.6);}
.inspireList.xmas .inspireHover li{display: inline;}
a.inspireCollectLink img{margin: 8px 10px;display: inline;}
a.inspireCollectLink span{font-size: 14px;}
a.inspireCollectLink:hover{background-color: #e1a619;border-color: #e1a619;color:#ffffff;}
a.inspireCollectLink:hover img.collect2{display: inline; position: absolute; left: 1px;}
a.inspireCollectLink img.collect2{display: none;}
a.inspireCollectLink{
        display: inline-block;
        width: 80px;
        height:35px;
        margin:10px 0;
        background: #fff;
        border: 1px solid #e1e1e1;
        border-radius: 0.25em;
        -webkit-transition: background 0.2s, border 0.2s;
    	-moz-transition: background 0.2s, border 0.2s;
    	transition: background 0.2s, border 0.2s;
    	color:#3b3b3b;
}
/*courseList*/
.courseBox{
	margin-top: 20px;
	background-color: #ffffff;
	border-radius: 3px;
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.07);*/
	/*border-bottom:1px solid #ccc;*/
	/*box-shadow: -1px 1px 1px 1px #eee,1px 1px 1px 1px #eee,1px -1px 1px 1px #eee;*/
}
.courseBox:hover 			{border-bottom:1px #999 solid;}
.courseBox a.courseBoxImg 	{display: block; height: 175px; overflow: hidden; }
.courseBox a.courseBoxImg img 	{width: 100%; border-radius: 3px 3px 0 0; }
.courseBox a.courseBoxImg:hover {opacity: .9; }
.worksCourseBox .courseBox a.courseBoxImg 	{display: block; height: 250px; overflow: hidden; }

/* edithide �梯�銝剔����*/
.courseBox.edithide{background:#ccc;}
.courseBox.edithide a.courseBoxImg img{
	filter: brightness(50%);
	-webkit-filter: brightness(50%);
	-moz-filter: brightness(50%);
	-o-filter: brightness(50%);
	-ms-filter: brightness(50%);
}
.courseBox.edithide .edithideSpan {
	background: #909090;
	color: #fff;
	padding: 3px;
	margin-right: 5px;
	border-radius:3px;
}
/*END  edithide �梯�銝剔����*/
a.make_btn,a.pre_btn,a.full_btn{
	text-align: center;
	border: 1px solid #e1e1e1;
	border-radius: 0.25em;
	color: #fff;
	-webkit-transition: background 0.2s, border 0.2s, opacity 0.2s;
	-moz-transition: background 0.2s, border 0.2s, opacity 0.2s;
	transition: background 0.2s, border 0.2s, opacity 0.2s;
	cursor: pointer;
	display: block;
	margin: 5% 10% 3% 10%;
}
a.full_btn{
	width: 100%;
	height: 100%;
	margin: 0;
}
a.make_btn{
	background: #F16163;
	padding: 24px 7px;
}
a.pre_btn{
	background: #13A89E;
	padding: 10px 7px;
}

a.make_btn:hover,a.pre_btn:hover{
	opacity: .8;
}
.made{position: absolute;bottom: 0;right: 0;color: #fff;padding: 5px;}

/*addCardForm*/
.addCardForm{}
.addCardForm label 		{display: block;margin: 0 0 20px 0;}
label.error {color: red;font-style: italic;margin: 10px 0;}
.addCardForm strong 	{display: block;padding: 5px 0;color:#2ba1d8;}
.addCardForm textarea,.addCardForm input[type="text"] {width:96%; border-color:#999;border-radius: 3px;padding: 2%; font-size: 12pt; border: solid 1px #D3D5CC; } .uploadCardPic{position: relative;}
.uploadCardPic span 	{display: block; margin: 8px 10px 0 0;position: absolute; top:0; left: 0; width: 100%; height: 44px; background: #E6E6E6;
color: #838383; text-align: center; font-size: 14px; cursor: pointer; line-height: 30px; border: none; border-radius: 3px;line-height: 44px;} 
.uploadCardPic span:hover{opacity:.8;}
.uploadCardPic input 	{opacity: 0;width: 100%; height: 44px;}
.limitAlert 			{float:right;font-weight: normal;color: #999;}
.limitAlert::before 	{content: "* ";}

.completeCardBtn{display: block; margin: 8px 10px 0 0; width: 100%; background: #2ba1d8; color: #fff; text-align: center; font-size: 14px; cursor: pointer; line-height: 30px; border: none; border-radius: 3px;line-height: 44px;} .uploadCardPic span:hover{opacity:.8;}
.completeCardBtn:hover,a.cancelCardBtn:hover{opacity:.8;}
a.cancelCardBtn{ float:right;padding: 5px 0 3px; color:#666;border-bottom: 1px solid #666;}


#cardWrapper{position: relative;}
/*.minh800px{min-height: 800px;}*/


a.btn_pop {
	position: relative;
    color: rgba(255,255,255,1);
    text-decoration: none;
    background-color:rgba(241, 97, 99, 1);
    font-size:1.2em;line-height: 2em;
    display: block;
    padding: 10px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 9px 0px rgba(194, 78, 80, 1), 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px rgba(194, 78, 80, 1), 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 9px 0px rgba(194, 78, 80, 1), 0px 9px 25px rgba(0,0,0,.7);
    margin: 0px auto 60px;
	width: 100%;
	text-align: center;
	
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}

a.btn_pop:active {
    -webkit-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
    position: relative;
    top: 6px;
}

a.btn_pop.green {
	background-color:rgba(19, 168, 158, 1);
    -webkit-box-shadow: 0px 9px 0px rgba(20, 140, 131, 1), 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px rgba(20, 140, 131, 1), 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 9px 0px rgba(20, 140, 131, 1), 0px 9px 25px rgba(0,0,0,.7);
}

.mt50{margin-top: 100px;}

.cardInfoWrap{
	width: 100%;
	background-color: rgba(63, 63, 63, 1);
	color: #fff;
}
.cardShare{
	float: right;
	background-color: #246EA5;
	border-radius: 3px;
	display: inline-block;
	border: 1px dotted #003A66;
	margin: 10px 0;
	border: 1px dotted #000;}
.cardShare_2 {display: inline-block;
	float: right;

}
.cardShare_2 a		{
	background-color: #D13A3A;
	border-radius: 3px;
	display: inline-block;
	border: 1px dotted #003A66;
	margin: 10px 0;
	border: 1px dotted #000;

	height: 33px;
	width: 166px;
	line-height: 33px;
	text-align: center;
}
.cardShare_2.gray a{background-color: #9E9E9E;}
.cardShare_2 a{color: #fff;}
.cardShare_2 a:hover  {background-color: #FF5656;}
.cardShare_2.gray a:hover{background-color: #8A8A8A;}
.cardShare span{display: inline-block;padding: 8px 40px;}


.cardShare:hover{background-color: #11619B;}
.cardInfo{
	
	display: inline-block;
	
	padding: 5px 10px;
	margin: 10px 0;
}
.cardArrow {display: inline-block;
	border: 1px dotted #ccc;
	padding: 5px 10px;
	margin: 10px 0;}
.cardArrow:hover {
	border: 1px dotted rgb(255, 108, 108);
	padding: 5px 10px;
	margin: 10px 0;}
.cardArrow:hover a{color: rgb(255, 108, 108);}
.cardArrow a{display: inline-block;color: #fff;}
.a2a_kit a {color: #fff;}

a.cardAuthor:link, a.cardAuthor:visited{color: #FFA4A4;}
a.cardAuthor:hover{color: #FF9191;}

/*xmas404*/
.error{background-color: #EEEFEF;}
.error404-num{height: 600px;background: url(../images/Santa2.png) 50% 0 no-repeat;background-size:70%;}
.hide-text {
	border:0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}
.errorWord{
	margin-top: 130px;
}
.errorWord h2,.errorWord h4,.errorWord ul{padding-bottom: 30px;}
.errorWord ul li{padding-bottom: 20px;}
=======

/*card xmas_worksCard.html*/
.item1 img {
width: 100%;
}
img.item1Img {
	width: 100%;
}
.courseCard:hover .inspireHover {display: inline-block;}
.worksCourseBox .grid_3 {margin-bottom:20px;}


.checkboxCard{
	padding: 10px 0 5px;
	color: #2ba1d8;
}
.hotissue2{margin:50px auto;}